﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Adler.Master" AutoEventWireup="true" CodeBehind="ProductCategory.aspx.cs" Inherits="WebUI.ProductCategory" %>
<%@ Register src="UserControls/UCMenuCategory.ascx" tagname="UCMenuCategory" tagprefix="uc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script src="Content/JSProductCategory.js" type="text/javascript"></script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="MainTopMain">
        <%--<img src="Images/adler_topbanner.jpg" style="width:980px; height:250px;" alt="" />--%>
        <%=bncategory%>
    </div>
    <div class="MainCategoryContents">
        <div class="left">            
            <div class="scroller_anchor_cat"></div>
            <div class="menuleft_cat">
                <uc1:UCMenuCategory ID="UCMenuCategory1" runat="server" />
            </div>
        </div>
        <div class="right">
            <div class="rightcontents">
            <div class="righturl">Home > Leather Shoes > Mosdern Shoes</div>
            <div class="righttitle">
                <div class="righttleft">MODERN SHOES</div>
                <div class="righttright"></div>
            </div>
            <div class="filter">
                <div class="item1">Filter By</div>
                <div class="item2">
                    <div class="div_border_dropdown" style="width:110px;">
                        <asp:DropDownList ID="ddlcolor" runat="server" Width="106px" AutoPostBack="true" 
                            CssClass="cssdropdown" onselectedindexchanged="ddlcolor_SelectedIndexChanged">
                        </asp:DropDownList>
                    </div>
                </div>
                <div class="item3">
                    <div class="div_border_dropdown" style="width:80px;">
                        <asp:DropDownList ID="ddlsize" runat="server" Width="76px" AutoPostBack="true" 
                            CssClass="cssdropdown" onselectedindexchanged="ddlsize_SelectedIndexChanged">
                        </asp:DropDownList>
                    </div>
                </div>
                <div class="item4">
                </div>
                <div class="item5">
                </div>
                <div class="item6">Sort By                
                </div>
                <div class="item7">
                    <div class="div_border_dropdown" style="width:150px;">
                        <asp:DropDownList ID="ddlSort" runat="server" Width="146px" AutoPostBack="true"
                            CssClass="cssdropdown" onselectedindexchanged="ddlSort_SelectedIndexChanged">
                            <asp:ListItem>Choose</asp:ListItem>
                            <asp:ListItem Value="1">New Products</asp:ListItem>
                            <asp:ListItem Value="2">Best Sales</asp:ListItem>
                            <asp:ListItem Value="3">Price Low To Hight</asp:ListItem>
                            <asp:ListItem Value="4">Price Hight To Low</asp:ListItem>
                        </asp:DropDownList>
                    </div>
                </div>
                <div class="item8">
                    | View <a href="/ProductCategory.aspx?cat=3&pagesize=12">12</a> 
                           <a href="/ProductCategory.aspx?cat=3&pagesize=24">24</a> 
                           <a href="/ProductCategory.aspx?cat=3&pagesize=48">48</a>
                </div>
            </div>
            <%--Product Contents--%>
            <div class="productcontents">
                <asp:Repeater ID="rptProductCategory" runat="server" 
                    onitemcommand="rptProductCategory_ItemCommand">
                <ItemTemplate>
                <div class="productitem">
                    <div class="productimg">
                        <a href="<%#Eval("ProductLink") %>" title="<%# Eval("ProductName")%>"><img src="<%#Eval("ImgSmall") %>" style="width:210px; height:210px;" alt="" /></a>
                    </div>
                    <div class="productname"><a href="<%#Eval("ProductLink") %>" title="<%#Eval("ProductName") %>"><%# WebFunction.FormatLengthList(Eval("ProductName"), 23)%></a></div>
                    <div class="productcolor">
                        <%#Eval("ColorView")%>
                    </div>
                    <div class="productprice">
                        <div class="productpriceleft"><%# WebFunction.FormatNumberList(Eval("DisplayPrice")) + " đ"%></div>
                        <div class="productpriceright"><%# WebFunction.FormatNumberList(Eval("DisplayPrice")) + " đ"%></div>
                    </div>
                </div>
                </ItemTemplate>
                </asp:Repeater>
            </div>
            <%--End Product Contents--%>
            </div>
        </div>
    </div>
    <div class="height30"></div>
</asp:Content>
